File: /var/www/html/orbi-individual/.next/cache/webpack/server-production/6.pack
wpc . �webpack/lib/cache/PackFileCacheStrategy�PackContentItems � � Compilation/modules|/var/www/html/orbi-individual/node_modules/next/dist/build/webpack/loaders/next-swc-loader.js??ruleSet[1].rules[6].oneOf[3].use[0]!/var/www/html/orbi-individual/components/models/bookingFormModel.js � Compilation/codeGeneration|/var/www/html/orbi-individual/node_modules/next/dist/build/webpack/loaders/next-swc-loader.js??ruleSet[1].rules[6].oneOf[3].use[0]!/var/www/html/orbi-individual/components/models/bookingFormModel.js|webpack-runtime�webpack/lib/NormalModule�webpack/lib/util/registerExternalSerializer�webpack-sources/RawSource *G import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { format } from "moment";
import React from "react";
import { useFormik } from "formik";
import axios from "axios";
import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";
import moment from "moment";
import Loader from "@/components/UI/Loader";
import { ToastContainer, toast } from "react-toastify";
import "react-toastify/dist/ReactToastify.css";
export default function BookingFormModel({ onClose, vehicleData }) {
const toastMessage = toast.success("book a taxi successfully");
const [loading, setLoading] = React.useState(false);
const base_Url = process.env.NEXT_PUBLIC_DOMAIN;
const formik = useFormik({
initialValues: {
name: "",
vehicle_type_id: "",
number_of_passenger: "",
phone_number: "",
email: "",
travel_date: new Date(),
description: ""
},
onSubmit: async (values)=>{
try {
setLoading(true);
const formattedDate = moment(values.travel_date).format("YYYY-MM-DD HH:mm:ss");
const payload = {
...values,
travel_date: formattedDate
};
const response = await axios.post(`${base_Url}/bookTaxiDetails`, payload);
setLoading(false);
//console.log('Form submitted successfully:', response.data);
onClose();
toastMessage();
} catch (error) {
console.error("Error submitting the form:", error);
}
}
});
return /*#__PURE__*/ _jsx(_Fragment, {
children: loading ? /*#__PURE__*/ _jsx(Loader, {}) : /*#__PURE__*/ _jsx("div", {
className: "modal show",
tabIndex: "-1",
style: {
display: "block"
},
"aria-labelledby": "exampleModalLabel",
"aria-hidden": "true",
children: /*#__PURE__*/ _jsx("div", {
className: "modal-dialog",
children: /*#__PURE__*/ _jsxs("div", {
className: "modal-content",
children: [
/*#__PURE__*/ _jsxs("div", {
className: "modal-header",
children: [
/*#__PURE__*/ _jsx("h5", {
className: "modal-title",
id: "exampleModalLabel",
children: "Book A Taxi"
}),
/*#__PURE__*/ _jsx("button", {
type: "button",
className: "btn-close",
onClick: onClose
})
]
}),
/*#__PURE__*/ _jsx("div", {
className: "modal-body",
children: /*#__PURE__*/ _jsx("div", {
className: "container",
children: /*#__PURE__*/ _jsxs("div", {
className: "row justify-content-center",
children: [
/*#__PURE__*/ _jsxs("div", {
className: "col",
children: [
/*#__PURE__*/ _jsx("div", {
className: "modal-image",
children: /*#__PURE__*/ _jsx("img", {
src: "img/Springfield-Yellow-Cab-1.jpg",
alt: "Vehicle",
style: {
maxWidth: "100%"
}
})
}),
/*#__PURE__*/ _jsx("div", {
className: "about-button-group-1",
children: /*#__PURE__*/ _jsxs("div", {
className: "call-btn",
children: [
/*#__PURE__*/ _jsx("a", {
href: "tel:+468254762443",
className: "btn-icon ripple",
children: /*#__PURE__*/ _jsx("i", {
className: "fas fa-phone-alt"
})
}),
/*#__PURE__*/ _jsxs("div", {
className: "call-text-1",
children: [
/*#__PURE__*/ _jsx("span", {
children: "Call me at:"
}),
/*#__PURE__*/ _jsx("br", {}),
/*#__PURE__*/ _jsx("a", {
href: "tel:+468254762443",
className: "btn-title",
children: "(+91)9825476243"
})
]
})
]
})
})
]
}),
/*#__PURE__*/ _jsx("div", {
className: "col",
children: /*#__PURE__*/ _jsx("form", {
className: "data-form",
onSubmit: formik.handleSubmit,
children: /*#__PURE__*/ _jsxs("div", {
className: "row g-3",
children: [
/*#__PURE__*/ _jsx("div", {
className: "col-md-6",
children: /*#__PURE__*/ _jsx("input", {
type: "text",
className: "form-control form-1",
id: "your-name",
name: "name",
placeholder: "Name",
required: true,
value: formik.values.name,
onChange: formik.handleChange
})
}),
/*#__PURE__*/ _jsx("div", {
className: "col-md-6",
children: /*#__PURE__*/ _jsx("input", {
type: "text",
className: "form-control form-1",
id: "your-number",
name: "phone_number",
placeholder: "Phone Number",
required: true,
value: formik.values.phone_number,
onChange: formik.handleChange
})
}),
/*#__PURE__*/ _jsx("div", {
className: "col-md-6",
children: /*#__PURE__*/ _jsx("input", {
type: "email",
className: "form-control form-1",
id: "your-email",
name: "email",
placeholder: "Email",
value: formik.values.email,
onChange: formik.handleChange
})
}),
/*#__PURE__*/ _jsx("div", {
className: "col-md-6",
children: /*#__PURE__*/ _jsxs("select", {
className: "form-select form-control form-1",
"aria-label": "Default select example",
name: "vehicle_type_id",
required: true,
value: formik.values.vehicle_type_id,
onChange: formik.handleChange,
children: [
/*#__PURE__*/ _jsx("option", {
value: "",
children: "Select Vehicle"
}),
vehicleData.map((vehicle)=>/*#__PURE__*/ _jsxs("option", {
value: vehicle.vehicle_type_id,
children: [
vehicle.get_make.name,
" ",
vehicle.get_model.name,
" (",
vehicle.model_year,
")"
]
}, vehicle.id))
]
})
}),
/*#__PURE__*/ _jsx("div", {
className: "col-md-12",
children: /*#__PURE__*/ _jsx(DatePicker, {
selected: formik.values.travel_date,
onChange: (date)=>formik.setFieldValue("travel_date", date || new Date()),
showTimeSelect: true,
dateFormat: "Pp",
className: "form-control form-1",
placeholderText: "Date & Time",
required: true
})
}),
/*#__PURE__*/ _jsx("div", {
className: "col-md-12",
children: /*#__PURE__*/ _jsx("input", {
type: "text",
className: "form-control form-1",
id: "your-subject",
name: "number_of_passenger",
placeholder: "No of Passengers",
required: true,
value: formik.values.number_of_passenger,
onChange: formik.handleChange
})
}),
/*#__PURE__*/ _jsx("div", {
className: "col-12",
children: /*#__PURE__*/ _jsx("textarea", {
className: "form-control form-1",
id: "your-message",
name: "description",
rows: "4",
placeholder: "Description...",
required: true,
value: formik.values.description,
onChange: formik.handleChange
})
}),
/*#__PURE__*/ _jsx("div", {
className: "col-12",
children: /*#__PURE__*/ _jsx("div", {
className: "row",
children: /*#__PURE__*/ _jsx("div", {
className: "submit-grp",
children: /*#__PURE__*/ _jsx("button", {
type: "submit",
className: "btn fw-bold w-100 style-skew",
children: /*#__PURE__*/ _jsx("span", {
children: "BOOK TAXI NOW"
})
})
})
})
})
]
})
})
})
]
})
})
})
]
})
})
})
});
}
���exportsType�sideEffectFree�namespace
�javascript/auto�/var/www/html/orbi-individual/components/models�alias�fullySpecified�server-only$�client-only$�next/dist/compiled/client-only$�next/dist/compiled/server-only�next/dist/compiled/server-only/index�next/dist/compiled/client-only/index��
�`�cacheable�parsed�fileDependencies�contextDependencies�missingDependencies�buildDependencies�valueDependencies�hash�assets�assetsInfo�strict�exportsArgument�topLevelDeclarations�snapshot �webpack/lib/util/LazySet�/var/www/html/orbi-individual/node_modules/next/dist/build/webpack/loaders/next-swc-loader.js�webpack/DefinePlugin_hash�webpack/DefinePlugin process.env.NEXT_PUBLIC_DOMAIN�948500db�"https://orbidirectory.com/api"�011ffaeae8429df7 �__webpack_exports__��*default*�BookingFormModel�webpack/lib/FileSystemInfo�Snapshot �!��DyB�/var/www/html/orbi-individual/components/models/bookingFormModel.js�safeTime�timestamp�! `ϊ%?yB Pϊ%?yB�ccf324051949a8c2`�webpack/lib/dependencies/HarmonyCompatibilityDependency
d� � ��webpack/lib/dependencies/ConstDependency� `V
`V�aWw
` �`x@�
`�A� �
`#�A� �
`�A� �
`*�A� 1
`4�A2 N
` �AO {
`,�A| �
`7�A� �
c /�webpack/lib/dependencies/HarmonyExportHeaderDependencyA� )G A� )G
a @ �A� �
c3`B�webpack/lib/dependencies/HarmonyImportSideEffectDependency�react/jsx-runtime�
`V�moment�
` �react�
`�formik�
`#�axios�
`�react-datepicker�
`*�react-datepicker/dist/react-datepicker.css�
`4��
` �@/components/UI/Loader�
`,
�react-toastify�
`7` �react-toastify/dist/ReactToastify.css�
c /�webpack/lib/dependencies/HarmonyExportSpecifierDependency`Çdefault
a @ �webpack/lib/dependencies/HarmonyImportSpecifierDependency
�toast�success�
AB O
AB G
�
���
c
&
��useState�React
A� �
A� �
����
c"0
�useFormik�
A� �
����
c
��
An t
����
c & ,
�post�
AR \
AR W
����
c"'"1
�jsx�_jsx
A� �
4����
c,,
�Fragment�_Fragment
A� �
4����
c, ,'��
A
4����
c-*-.
��Loader
A
4� ���
c-/-5��
A* .
4����
c-K-O��
A9 =
4����
c5$5(
�jsxs�_jsxs
A� �
����
c7(7-
��
A $
����
c:&:+��
A� �
4����
c=.=2��
A�
�
4����
cB.B2��
A
4����
cI&I*��
A� �
4����
cK4K8
��
A�
����
cM8M=
��
A�
�
����
cP6P;��
A� �
4����
cS>SB��
A, 0
4����
cULUP��
AT X
4����
c]>]B
��
A
����
c_L_Q��
A� �
4����
cbJbN��
A
4����
ceXe\
��
AI N
�}���}����
ciJiO��
AP T
4�z���z����
clRlV��
AY ]
4�w���w����
coRoV��
A� �
4�t���t����
cpRpV��
A� �
4�q���q����
c|6|:��
Az ~
4�n���n����
c~D~H
��
Ah m
�j���j����
@� `H@� `M��
AG K
4�g���g����
@� `F@� `J��
A�
4�d���d����
@� `T@� `X��
Az! ~!
4~���a���a����
@� `F@� `J��
A/" 3"
4{���^���^����
@� `T@� `X��
A�% �%
4x���[���[����
@� `F@� `J��
A|& �&
4u���X���X����
@� `T@� `X��
A�) �)
4r���U���U����
@� `F@� `J
��
Ad* i*
n���Q���Q����
@� `T@� `Y��
AX- \-
4k���N���N����
@� `R@� `V
��
A�. �.
g���J���J����
@� `m@� `r����
A�3 �3
4d���G���G����
@� `F@� `J|���}���
A;4 ?4
4a���D���D����
@� `T@� `X
X����DatePicker
A@4 J4
4\���I���I����
@� `Y@� `ct���u���
A�7 �7
4Y���<���<����
@� `F@� `Jq���r���
An8 r8
4V���9���9����
@� `T@� `Xn���o���
A< <
4S���6���6����
@� `F@� `Jk���l���
A�< �<
4P���3���3����
@� `T@� `Xh���i���
Ae@ i@
4M���0���0����
@� `F@� `Je���f���
AA A
4J���-���-����
@� `T@� `Xb���c���
A�A �A
4G���*���*����
@� `X@� `\_���`���
A�B �B
4D���'���'����
@� `\@� ``\���]���
A�C �C
4A���$���$����
@� ``@� `d
�sources�runtimeRequirements�data�javascript�webpack/lib/util/registerExternalSerializer�webpack-sources/CachedSource kX �webpack/lib/util/registerExternalSerializer�webpack-sources/ConcatSource��webpack/lib/util/registerExternalSerializer�webpack-sources/RawSource __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ Z: () => (/* binding */ BookingFormModel)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2245);
/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2296);
/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(formik__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(9648);
/* harmony import */ var react_datepicker__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8743);
/* harmony import */ var react_datepicker__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_datepicker__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var react_datepicker_dist_react_datepicker_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(5994);
/* harmony import */ var react_datepicker_dist_react_datepicker_css__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react_datepicker_dist_react_datepicker_css__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _components_UI_Loader__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(8559);
/* harmony import */ var react_toastify__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(3590);
/* harmony import */ var react_toastify_dist_ReactToastify_css__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(8819);
/* harmony import */ var react_toastify_dist_ReactToastify_css__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react_toastify_dist_ReactToastify_css__WEBPACK_IMPORTED_MODULE_9__);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([axios__WEBPACK_IMPORTED_MODULE_4__, react_toastify__WEBPACK_IMPORTED_MODULE_8__]);
([axios__WEBPACK_IMPORTED_MODULE_4__, react_toastify__WEBPACK_IMPORTED_MODULE_8__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
�webpack/lib/util/registerExternalSerializer�webpack-sources/ReplaceSource *G import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { format } from "moment";
import React from "react";
import { useFormik } from "formik";
import axios from "axios";
import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";
import moment from "moment";
import Loader from "@/components/UI/Loader";
import { ToastContainer, toast } from "react-toastify";
import "react-toastify/dist/ReactToastify.css";
export default function BookingFormModel({ onClose, vehicleData }) {
const toastMessage = toast.success("book a taxi successfully");
const [loading, setLoading] = React.useState(false);
const base_Url = process.env.NEXT_PUBLIC_DOMAIN;
const formik = useFormik({
initialValues: {
name: "",
vehicle_type_id: "",
number_of_passenger: "",
phone_number: "",
email: "",
travel_date: new Date(),
description: ""
},
onSubmit: async (values)=>{
try {
setLoading(true);
const formattedDate = moment(values.travel_date).format("YYYY-MM-DD HH:mm:ss");
const payload = {
...values,
travel_date: formattedDate
};
const response = await axios.post(`${base_Url}/bookTaxiDetails`, payload);
setLoading(false);
//console.log('Form submitted successfully:', response.data);
onClose();
toastMessage();
} catch (error) {
console.error("Error submitting the form:", error);
}
}
});
return /*#__PURE__*/ _jsx(_Fragment, {
children: loading ? /*#__PURE__*/ _jsx(Loader, {}) : /*#__PURE__*/ _jsx("div", {
className: "modal show",
tabIndex: "-1",
style: {
display: "block"
},
"aria-labelledby": "exampleModalLabel",
"aria-hidden": "true",
children: /*#__PURE__*/ _jsx("div", {
className: "modal-dialog",
children: /*#__PURE__*/ _jsxs("div", {
className: "modal-content",
children: [
/*#__PURE__*/ _jsxs("div", {
className: "modal-header",
children: [
/*#__PURE__*/ _jsx("h5", {
className: "modal-title",
id: "exampleModalLabel",
children: "Book A Taxi"
}),
/*#__PURE__*/ _jsx("button", {
type: "button",
className: "btn-close",
onClick: onClose
})
]
}),
/*#__PURE__*/ _jsx("div", {
className: "modal-body",
children: /*#__PURE__*/ _jsx("div", {
className: "container",
children: /*#__PURE__*/ _jsxs("div", {
className: "row justify-content-center",
children: [
/*#__PURE__*/ _jsxs("div", {
className: "col",
children: [
/*#__PURE__*/ _jsx("div", {
className: "modal-image",
children: /*#__PURE__*/ _jsx("img", {
src: "img/Springfield-Yellow-Cab-1.jpg",
alt: "Vehicle",
style: {
maxWidth: "100%"
}
})
}),
/*#__PURE__*/ _jsx("div", {
className: "about-button-group-1",
children: /*#__PURE__*/ _jsxs("div", {
className: "call-btn",
children: [
/*#__PURE__*/ _jsx("a", {
href: "tel:+468254762443",
className: "btn-icon ripple",
children: /*#__PURE__*/ _jsx("i", {
className: "fas fa-phone-alt"
})
}),
/*#__PURE__*/ _jsxs("div", {
className: "call-text-1",
children: [
/*#__PURE__*/ _jsx("span", {
children: "Call me at:"
}),
/*#__PURE__*/ _jsx("br", {}),
/*#__PURE__*/ _jsx("a", {
href: "tel:+468254762443",
className: "btn-title",
children: "(+91)9825476243"
})
]
})
]
})
})
]
}),
/*#__PURE__*/ _jsx("div", {
className: "col",
children: /*#__PURE__*/ _jsx("form", {
className: "data-form",
onSubmit: formik.handleSubmit,
children: /*#__PURE__*/ _jsxs("div", {
className: "row g-3",
children: [
/*#__PURE__*/ _jsx("div", {
className: "col-md-6",
children: /*#__PURE__*/ _jsx("input", {
type: "text",
className: "form-control form-1",
id: "your-name",
name: "name",
placeholder: "Name",
required: true,
value: formik.values.name,
onChange: formik.handleChange
})
}),
/*#__PURE__*/ _jsx("div", {
className: "col-md-6",
children: /*#__PURE__*/ _jsx("input", {
type: "text",
className: "form-control form-1",
id: "your-number",
name: "phone_number",
placeholder: "Phone Number",
required: true,
value: formik.values.phone_number,
onChange: formik.handleChange
})
}),
/*#__PURE__*/ _jsx("div", {
className: "col-md-6",
children: /*#__PURE__*/ _jsx("input", {
type: "email",
className: "form-control form-1",
id: "your-email",
name: "email",
placeholder: "Email",
value: formik.values.email,
onChange: formik.handleChange
})
}),
/*#__PURE__*/ _jsx("div", {
className: "col-md-6",
children: /*#__PURE__*/ _jsxs("select", {
className: "form-select form-control form-1",
"aria-label": "Default select example",
name: "vehicle_type_id",
required: true,
value: formik.values.vehicle_type_id,
onChange: formik.handleChange,
children: [
/*#__PURE__*/ _jsx("option", {
value: "",
children: "Select Vehicle"
}),
vehicleData.map((vehicle)=>/*#__PURE__*/ _jsxs("option", {
value: vehicle.vehicle_type_id,
children: [
vehicle.get_make.name,
" ",
vehicle.get_model.name,
" (",
vehicle.model_year,
")"
]
}, vehicle.id))
]
})
}),
/*#__PURE__*/ _jsx("div", {
className: "col-md-12",
children: /*#__PURE__*/ _jsx(DatePicker, {
selected: formik.values.travel_date,
onChange: (date)=>formik.setFieldValue("travel_date", date || new Date()),
showTimeSelect: true,
dateFormat: "Pp",
className: "form-control form-1",
placeholderText: "Date & Time",
required: true
})
}),
/*#__PURE__*/ _jsx("div", {
className: "col-md-12",
children: /*#__PURE__*/ _jsx("input", {
type: "text",
className: "form-control form-1",
id: "your-subject",
name: "number_of_passenger",
placeholder: "No of Passengers",
required: true,
value: formik.values.number_of_passenger,
onChange: formik.handleChange
})
}),
/*#__PURE__*/ _jsx("div", {
className: "col-12",
children: /*#__PURE__*/ _jsx("textarea", {
className: "form-control form-1",
id: "your-message",
name: "description",
rows: "4",
placeholder: "Description...",
required: true,
value: formik.values.description,
onChange: formik.handleChange
})
}),
/*#__PURE__*/ _jsx("div", {
className: "col-12",
children: /*#__PURE__*/ _jsx("div", {
className: "row",
children: /*#__PURE__*/ _jsx("div", {
className: "submit-grp",
children: /*#__PURE__*/ _jsx("button", {
type: "submit",
className: "btn fw-bold w-100 style-skew",
children: /*#__PURE__*/ _jsx("span", {
children: "BOOK TAXI NOW"
})
})
})
})
})
]
})
})
})
]
})
})
})
]
})
})
})
});
}
eC UWvx_� � � � � � � � 0 2 M O z | � � � � � B F � � � � � � n s R [ � _� � � * - 9 < � � # � � �
�
� � �
�
�
� � , / T _W � � I M P S Y \ � � � � z } h l G J � � z! }! /" 2" �% �% |& _& �) �) d* h* X- [- �. �. �3 �3 ;4 >4 @4 I4 �7 �7 n8 q8 < < �< �< e@ h@ A A �A �A �B �B �C @�C �������������react_toastify__WEBPACK_IMPORTED_MODULE_8__.toast�react__WEBPACK_IMPORTED_MODULE_2___default().useState�"https://orbidirectory.com/api"�(0,formik__WEBPACK_IMPORTED_MODULE_3__.useFormik)�moment__WEBPACK_IMPORTED_MODULE_1___default()�axios__WEBPACK_IMPORTED_MODULE_4__["default"].post�react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx�react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment��_components_UI_Loader__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z���(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)���������������������������������(react_datepicker__WEBPACK_IMPORTED_MODULE_5___default())��������� L
__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } }); �buffer�source�size�maps��� _Z __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ Z: () => (/* binding */ BookingFormModel)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2245);
/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2296);
/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(formik__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(9648);
/* harmony import */ var react_datepicker__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8743);
/* harmony import */ var react_datepicker__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_datepicker__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var react_datepicker_dist_react_datepicker_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(5994);
/* harmony import */ var react_datepicker_dist_react_datepicker_css__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react_datepicker_dist_react_datepicker_css__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _components_UI_Loader__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(8559);
/* harmony import */ var react_toastify__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(3590);
/* harmony import */ var react_toastify_dist_ReactToastify_css__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(8819);
/* harmony import */ var react_toastify_dist_ReactToastify_css__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react_toastify_dist_ReactToastify_css__WEBPACK_IMPORTED_MODULE_9__);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([axios__WEBPACK_IMPORTED_MODULE_4__, react_toastify__WEBPACK_IMPORTED_MODULE_8__]);
([axios__WEBPACK_IMPORTED_MODULE_4__, react_toastify__WEBPACK_IMPORTED_MODULE_8__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
function BookingFormModel({ onClose, vehicleData }) {
const toastMessage = react_toastify__WEBPACK_IMPORTED_MODULE_8__.toast.success("book a taxi successfully");
const [loading, setLoading] = react__WEBPACK_IMPORTED_MODULE_2___default().useState(false);
const base_Url = "https://orbidirectory.com/api";
const formik = (0,formik__WEBPACK_IMPORTED_MODULE_3__.useFormik)({
initialValues: {
name: "",
vehicle_type_id: "",
number_of_passenger: "",
phone_number: "",
email: "",
travel_date: new Date(),
description: ""
},
onSubmit: async (values)=>{
try {
setLoading(true);
const formattedDate = moment__WEBPACK_IMPORTED_MODULE_1___default()(values.travel_date).format("YYYY-MM-DD HH:mm:ss");
const payload = {
...values,
travel_date: formattedDate
};
const response = await axios__WEBPACK_IMPORTED_MODULE_4__["default"].post(`${base_Url}/bookTaxiDetails`, payload);
setLoading(false);
//console.log('Form submitted successfully:', response.data);
onClose();
toastMessage();
} catch (error) {
console.error("Error submitting the form:", error);
}
}
});
return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
children: loading ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_UI_Loader__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {}) : /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "modal show",
tabIndex: "-1",
style: {
display: "block"
},
"aria-labelledby": "exampleModalLabel",
"aria-hidden": "true",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "modal-dialog",
children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "modal-content",
children: [
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "modal-header",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h5", {
className: "modal-title",
id: "exampleModalLabel",
children: "Book A Taxi"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("button", {
type: "button",
className: "btn-close",
onClick: onClose
})
]
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "modal-body",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "container",
children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "row justify-content-center",
children: [
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "col",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "modal-image",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("img", {
src: "img/Springfield-Yellow-Cab-1.jpg",
alt: "Vehicle",
style: {
maxWidth: "100%"
}
})
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "about-button-group-1",
children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "call-btn",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
href: "tel:+468254762443",
className: "btn-icon ripple",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("i", {
className: "fas fa-phone-alt"
})
}),
/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "call-text-1",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
children: "Call me at:"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("br", {}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
href: "tel:+468254762443",
className: "btn-title",
children: "(+91)9825476243"
})
]
})
]
})
})
]
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "col",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("form", {
className: "data-form",
onSubmit: formik.handleSubmit,
children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "row g-3",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "col-md-6",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
type: "text",
className: "form-control form-1",
id: "your-name",
name: "name",
placeholder: "Name",
required: true,
value: formik.values.name,
onChange: formik.handleChange
})
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "col-md-6",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
type: "text",
className: "form-control form-1",
id: "your-number",
name: "phone_number",
placeholder: "Phone Number",
required: true,
value: formik.values.phone_number,
onChange: formik.handleChange
})
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "col-md-6",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
type: "email",
className: "form-control form-1",
id: "your-email",
name: "email",
placeholder: "Email",
value: formik.values.email,
onChange: formik.handleChange
})
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "col-md-6",
children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("select", {
className: "form-select form-control form-1",
"aria-label": "Default select example",
name: "vehicle_type_id",
required: true,
value: formik.values.vehicle_type_id,
onChange: formik.handleChange,
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("option", {
value: "",
children: "Select Vehicle"
}),
vehicleData.map((vehicle)=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("option", {
value: vehicle.vehicle_type_id,
children: [
vehicle.get_make.name,
" ",
vehicle.get_model.name,
" (",
vehicle.model_year,
")"
]
}, vehicle.id))
]
})
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "col-md-12",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((react_datepicker__WEBPACK_IMPORTED_MODULE_5___default()), {
selected: formik.values.travel_date,
onChange: (date)=>formik.setFieldValue("travel_date", date || new Date()),
showTimeSelect: true,
dateFormat: "Pp",
className: "form-control form-1",
placeholderText: "Date & Time",
required: true
})
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "col-md-12",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
type: "text",
className: "form-control form-1",
id: "your-subject",
name: "number_of_passenger",
placeholder: "No of Passengers",
required: true,
value: formik.values.number_of_passenger,
onChange: formik.handleChange
})
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "col-12",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("textarea", {
className: "form-control form-1",
id: "your-message",
name: "description",
rows: "4",
placeholder: "Description...",
required: true,
value: formik.values.description,
onChange: formik.handleChange
})
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "col-12",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "row",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "submit-grp",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("button", {
type: "submit",
className: "btn fw-bold w-100 style-skew",
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
children: "BOOK TAXI NOW"
})
})
})
})
})
]
})
})
})
]
})
})
})
]
})
})
})
});
}
__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } }); �{"finalSource":true} �map�bufferedMap ConcatSourceRawSource __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ Z: () => (/* binding */ BookingFormModel)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2245);
/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2296);
/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(formik__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(9648);
/* harmony import */ var react_datepicker__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8743);
/* harmony import */ var react_datepicker__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_datepicker__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var react_datepicker_dist_react_datepicker_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(5994);
/* harmony import */ var react_datepicker_dist_react_datepicker_css__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react_datepicker_dist_react_datepicker_css__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _components_UI_Loader__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(8559);
/* harmony import */ var react_toastify__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(3590);
/* harmony import */ var react_toastify_dist_ReactToastify_css__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(8819);
/* harmony import */ var react_toastify_dist_ReactToastify_css__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react_toastify_dist_ReactToastify_css__WEBPACK_IMPORTED_MODULE_9__);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([axios__WEBPACK_IMPORTED_MODULE_4__, react_toastify__WEBPACK_IMPORTED_MODULE_8__]);
([axios__WEBPACK_IMPORTED_MODULE_4__, react_toastify__WEBPACK_IMPORTED_MODULE_8__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
ReplaceSourceRawSource���� l 085undefined87118undefined120145undefined147181undefined183208undefined210251undefined253304undefined306333undefined335378undefined380434undefined436482undefined484498undefined578582react_toastify__WEBPACK_IMPORTED_MODULE_8__.toastundefined655668react__WEBPACK_IMPORTED_MODULE_2___default().useStateundefined699728"https://orbidirectory.com/api"undefined750758(0,formik__WEBPACK_IMPORTED_MODULE_3__.useFormik)undefined11341139moment__WEBPACK_IMPORTED_MODULE_1___default()undefined13621371axios__WEBPACK_IMPORTED_MODULE_4__["default"].postundefined17411744react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined17461754react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragmentundefined18011804react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined18061811_components_UI_Loader__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Zundefined18341837react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined21052108react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined22022206(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)undefined23352339(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)undefined24912494react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined27692772react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined30823085react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined32013204react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined33273331(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)undefined35213525(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)undefined37163719react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined38843887react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined44364439react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined46134617(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)undefined48494852react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined51345137react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined54495453(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)undefined57125715react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined59775980react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined60756078react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined68906893react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined70347037react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined72727276(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)undefined74957498react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined76767679react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined85708573react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined87518754react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined96719674react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined98529855react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined1067110674react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined1085210856(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)undefined1160811611react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined1198811992(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)undefined1318913192react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined1337113374react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined1337613385(react_datepicker__WEBPACK_IMPORTED_MODULE_5___default())undefined1426414267react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined1444614449react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined1538515388react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined1556415567react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined1648516488react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined1666416667react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined1684816851react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined1704717050react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefined1736317366react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxundefinedRawSource L
__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } }); �__webpack_require__�__webpack_require__.n�module�__webpack_require__.a����__webpack_require__.d����